<template>
  <div class="copyCall">
    <div class="copy">
      <div class="call">
        <view class="s">
          <u-input
            placeholder="请输入搜索关键词"
            placeholder-style="{width: 190rpx;font-size: 24rpx;font-family: PingFang; font-weight: 400;color: #999999;line-height: 83rpx;text-indent:35rpx;}"
            :custom-style="{
              width: '642rpx',
              height: '73rpx',
              background: '#F5F5F5',
              border: '1px solid #EEEEEE',
              borderRadius: '10rpx',
            }"
            border-color="#fff"
            height="41rpx"
            v-model="search"
            @confirm="onSearchBlur"
          /><u-icon
            name="search"
            size="39rpx"
            class="search"
            color="#7A7A7A"
            @click="onSearchBlur"
          ></u-icon>
        </view>
        <div class="a1"></div>
        <div class="item" v-for="(item,index) in list" :key="index" @click="onOpens(item,index)">
          <div class="q">
            <image src="../../../static/my-cell/zc.png" class="span"></image><p>{{item.name}}</p>
          </div>
          <div class="a">
            <p v-if="item&&item.content&&item.content.length">
              <readMore  ref="readMore">
                <view  :class="!item.isToggle?'contentCtyle':'contentCtyle1'">
                  <u-parse :html="item.content"></u-parse>
                </view>
              </readMore>
<!--              <u-read-more :show-height="showHeight" ref="uReadMore"-->
<!--                           :toggle="true"-->
<!--                           color="#999"-->
<!--                           :index="index"-->
<!--                           :shadow-style="shadowStyle"-->
<!--                           close-text="" open-text="" font-size="24rpx">-->
<!--               -->
<!--              </u-read-more>-->
            </p>
          </div>

<!--          <div class="drop-down">-->
<!--            <image src="../../../static/img/drop-down.png"></image>-->
<!--          </div>-->
          <div class="hr u-border-bottom"></div>
        </div>
      </div
    ></div>
  </div>
</template>

<script>
import  minx from './index'
  export default {
    name: 'Regulations',
    mixins:[minx],
    components: {},
    data() {
      return {
        search: '', //搜索内容
      }
    },
    methods: {
      //搜索
      onSearchBlur() {
        this.$emit('search',this.search)
      },
    },
  }
</script>
<style scoped lang="scss">
  .copyCall {
    position: $relative;
    padding: 12rpx;
    .copy {
      padding: 19rpx;
      .call {
        .s {
          position: $relative;
          padding: 31rpx 22rpx 27rpx 23rpx;
          .search {
            position: $absolute;
            right: 50rpx;
            top: $top50;
            transform: translate(0, -50%);
          }
        }
        position: $relative;
        border: 10rpx solid $rgba06;
        border-radius: 10rpx;
        background-color: $transparent;
        &:before {
          position: $absolute;
          content: '';

          filter: blur(100rpx);
          width: 100%;
          height: 100%;
          z-index: -1;
        }
        .item {
          background: $colorfff;
          .q {
            padding-top: 32rpx;
            p {
              width: 586rpx;
              font-size: 28rpx;
              font-family: $font-familyPingFang;
              font-weight: $font-weightBold;
              color: $color2222;
            }
          }
          .q {
            padding-bottom: 29rpx;
          }
          .q,
          .a {
            display: $inline-flex;
            .span {
              width: 27rpx;
              height: 27rpx;
              margin-top: 5rpx;
              margin-left: 24rpx;
            }
            p {
              margin-left: 23rpx;
            }
          }
          .a {
            p {
              width: 559rpx;
              font-size: $f24;
              font-family: $font-familyPingFang;
              font-weight: $font-weight500;
              color: $color666;
            }
          }
          .title {
            padding: 32rpx 0 25rpx 0;
            width: 142rpx;
            height: 18rpx;
            font-size: 2$f24;
            font-family: $font-familyPingFang;
            font-weight: 400;
            color: $colorc6c6c6;
            line-height: 44rpx;
            text-indent: 40rpx;
            white-space: $nowrap;
          }
          .drop-down {
            text-align: $center;
            image {
              width: 31rpx;
              height: 15rpx;
            }
          }
          .hr {
            margin: 30rpx 28rpx 0 24rpx;
          }
        }
      }
    }
  }
  @import "./contentC";
</style>
